<template>
  <div id="vip">
    <div class="vipleft">
      <h2>
        <img
          src="https://cube.elemecdn.com/8/0e/4dd212d831becab6e3ebd484c0941jpeg.jpeg?x-oss-process=image/format,webp/resize,w_34"
          alt
        />
        超级会员
        <span>.每月领20元红包</span>
      </h2>
    </div>
    <router-link to="/wow">限时6元开通 ></router-link>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
#vip {
  height: 40px;
  background-image: linear-gradient(90deg, #ffefc4, #f3dda0);
  margin: 5px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  .vipleft {
    width: 170px;
    height: 17px;
    margin-left: 10px;
    color: #644f1b;

    img {
      width: 17px;
      height: 17px;
    }
    h2 {
      font-size: 14px;
      font-weight: 700;
      span {
        color: #644f1b;
        font-size: 12px;
      }
    }
  }
  a {
    font-size: 12px;
    margin-right: 10px;
    color: #644f1b;
  }
}
</style>